.carousel {
    width: 100vw;
    height: 480px;
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100vw;
    position: relative;
    .nav_left {
        height: 100%;
        position: relative;
        .row_nav {
            width: 246px;
            display: inline-flex;
            background-color:rgba(255, 255, 255, 0.7);
            flex-direction: column;
            flex-wrap: wrap;
            height: 100%;
            
            li {
                margin-top: 36px;
                margin-left: 27px;

                a {
                    color:black;
                    text-decoration: none;
                    font-size: 14px;
                }
            }
        }

    }
    .carousel_bottom {
        display: inline-flex;
        flex-direction: row;
        background-color: rgba(0, 0, 0, 0);
        position: absolute;
        bottom: 12px;
        left: 50%;
        transform: translate(-50%,0);
        li {
            display: inline;
            margin-right: 10px;
            a {
                font-size: 16px;
                color: white; 
                text-decoration: none;
            }
            .on_icon::before {
                content: "\f111";
                color: #00c3f5;
            }
        }
    }
    .carousel_left {
        position: absolute;
        top: 50%;
        left: 600px;
        transform: translate(0,-50%);
        &::before {
            content: "\f104";
            font-size: 28px;
            color: white;
        }
    }
    .carousel_right {
        position: absolute;
        top: 50%;
        right: 284px;
        margin-left: 10px ;
        transform: translate(0,-50%);
        &::before {
            content: "\f105";
            font-size: 28px;
            color: white;
        }
    }
    
}